
page{background-color:#f2f2f2 !important;}
.bargain-list{
	padding-bottom: 10rpx;
}
.bargain-list .icon-xiangzuo{font-size:40rpx;color:#fff;position:fixed;left:30rpx;z-index:99;transform:translateY(-20%);}
.bargain-list .header{background-repeat:no-repeat;background-size:100% 100%;width:750rpx; margin-bottom: 20rpx;}
.bargain-list .list{position: relative; background-color:#fff;border:6rpx solid #fc8b42;border-radius:30rpx;margin:0rpx 30rpx 30rpx 30rpx;padding:24rpx;}
.bargain-list .list .item{border-bottom:1rpx solid #eee;position:relative;height:223rpx;display: flex;}
.bargain-list .list .item .pictrue{width:160rpx;height:160rpx;}
.bargain-list .list .item .pictrue image{width:100%;height:100%;border-radius:6rpx;}
.bargain-list .list .item .text{width:430rpx;font-size:30rpx;color:#282828;height:160rpx;margin-left: 20rpx;}
.bargain-list .list .item .text .num{font-size:26rpx;color:#999;}
.bargain-list .list .item .text .num .iconfont{font-size:35rpx;margin-right:7rpx;}
.bargain-list .list .item .text .money{font-size:24rpx;font-weight:bold;}
.bargain-list .list .item .text .money .price{font-size:32rpx;}
.bargain-list .list .item .text .line1{width:450rpx;   
text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				//溢出内容隐藏
	text-overflow: ellipsis;		//文本溢出部分用省略号表示
	// display: -webkit-box;			//特别显示模式
	-webkit-line-clamp: 2;			//行数
	line-clamp: 2;					
	-webkit-box-orient: vertical;	//盒子中内容竖直排列

}
.bargain-list .list .item .cutBnt{ 
	position:absolute;
width:180rpx;height:50rpx;color: #fff;border-radius:50rpx;font-size:24rpx;text-align:center;line-height:46rpx;right:10rpx;bottom:0rpx;box-shadow:0 7rpx 0 #f8c1bd;}
.bargain-list .list .item .cutBnt .iconfont{margin-right:8rpx;font-size:30rpx;}
.bargain-list .list .load{font-size:24rpx;height:85rpx;text-align:center;line-height:85rpx;}

.bargain-list .header img{
	display: block;
	width: 100%;
	height: 376rpx; 
}
.bargain-list .list {
	// margin: 20rpx 0;
	
	.sale_count{
		position: relative;
		background-color: #1d86b666;
		color: #fff;
		bottom: 0;
		font-size: 24rpx;
		text-align: center;
	}
	.price-item{
		display: flex;
		position: absolute;
		bottom: 10rpx;
		width: 430rpx;
	}
	font{
		font-size: 24rpx;
	}
	.price{
		font-size: 32rpx;
	}
	.cost_price{
		color: #888888;
		font-size: 24rpx;
		text-decoration:line-through;
	}

}
.steps{
	background-color: #fff;
}
// 订单产品
.order-list{
	width: 686rpx;
	margin: 20rpx auto;
	border: 16rpx;
	background-color: #fff;
	
	
	.product-box{
		display: flex;
		padding: 20rpx;
		.img{
			width: 200rpx;
			height: 200rpx;
			
		}
		.product-temp{
			padding: 20rpx;
			.title{
				font-weight: bold;
				text-overflow: -o-ellipsis-lastline;
					overflow: hidden;				//溢出内容隐藏
					text-overflow: ellipsis;		//文本溢出部分用省略号表示
					display: -webkit-box;			//特别显示模式
					-webkit-line-clamp: 2;			//行数
					line-clamp: 2;					
					-webkit-box-orient: vertical;	//盒子中内容竖直排列
			}
			.text{
				 color: #888888ff;
				 font-size: 24rpx;
			}
		}
	}
}
// 申请退款原因
.reason{
	width: 686rpx;
	margin: 20rpx auto;
	background-color: #fff;
	border-radius: 16rpx;
	.reason-sq{
		display: flex;
		justify-content: space-between;
		padding: 20rpx ;
	}
	.reason-text{
		padding: 20prx;
		width: 646rpx;
		margin: 20rpx auto;
		input{
			height: 90rpx;
			border-radius: 16rpx;			
			background: #f2f2f2ff;
		}
	}
	
}
// 退款方式
.refund-box{
	width: 686rpx;
	padding: 20rpx;
	margin: 20rpx auto;
	background-color: #fff;
	border-radius: 16rpx;
	.tuikuan{
		display: flex;
		justify-content: space-between;
		padding: 12rpx;
		.border-bottom{
			border-bottom: 2rpx solid #f2f2f2;
		}
		input{
			height: 90rpx;
			border-radius: 16rpx;			
			background: #f2f2f2ff;
		}
	}
	
}
.refund-tel{
	width: 686rpx;
	padding: 20rpx;
	margin: 20rpx auto;
	background-color: #fff;
	border-radius: 16rpx;
	.tuikuan{
		display: flex;
		line-height: 80rpx;
		.border-bottom{
			border-bottom: 2rpx solid #f2f2f2;
		}
		// justify-content: space-between;
		input{
			height: 80rpx;
			width:550rpx ;
			border-radius: 16rpx;			
			// background: #f2f2f2ff;
		}
	}
	
}

// liyou
.remarks-box{
	width: 750rpx;
	height: 700rpx;
	border-radius: 16rpx 16rpx 0 0;
	background-color: #fff;
	.title{
		text-align: center;
		font-size: 32rpx;
		font-weight: bold;
		padding: 20rpx;
	}
	.closs{
		position: fixed;
		top: 20rpx;
		right: 20rpx;
	}
	.remarks-list{
		.check-box{
			display: flex;
			justify-content: space-between;
			padding: 20rpx;
		}
		
	}
	
	
}

// 下一步
.btn{
	position: fixed;
	bottom: 20rpx;
	left: 32rpx;
	width: 686rpx;
	text-align:  center;
	padding: 20rpx 0;
	background-color: #1989FA;
	color: #fff;
	border-radius: 24rpx;
}

.deliver-box{
	padding:20rpx ;
	width:686rpx;
	margin: 20rpx auto;
	background-color: #fff;
	border-radius: 16rpx;
	
	.title{
		font-weight: bold;
		padding: 24rpx 0;
	}
	.deliverid{
		input{
			height: 80rpx;
			// width:550rpx ;
			border-radius: 16rpx;			
			background: #f2f2f2ff;
			padding: 0 10rpx;
		}
	}
}
.tip{
	.refund-check{
		text-align: center;
		padding: 20rpx;
		color: #fff;
		background-color: #1989FA;
	}
	.refund-success{
		text-align: center;
		padding: 20rpx;
	}
}



.bargain .mask{z-index:100;}
.acea-row{display:flex;flex-wrap:wrap;}
.acea-row .row-top{align-items:flex-start;}
.acea-row .row-middle{align-items:center;}
.acea-row .row-bottom{align-items:flex-end;}
.acea-row .row-left{justify-content:flex-start;}
.acea-row .row-center{justify-content:center;}
.acea-row .row-right{justify-content:flex-end;}
.acea-row .row-between{justify-content:space-between;}
.acea-row .row-around{justify-content:space-around;}
// .acea-row .row-column{flex-direction:column;}
.acea-row .row-column-between{flex-direction:column;justify-content:space-between;}
.acea-row .row-column-around{ //flex-direction:column;
justify-content:space-around;}
.acea-row  .row-center-wrapper{align-items:center;justify-content:center;}
.acea-row  .row-between-wrapper{align-items:center;justify-content:space-between;}
.font-color{color:#fc4141!important;}
.bg-color{background-color:#e93323!important;}
.icon-color{color:#ff3c2b;}
.cart-color{color:#ff3700!important;border:1px solid #ff3700!important;}

.container {
	padding-bottom: 90rpx;
}
.tui-title {
	width: 100%;
	padding: 50rpx 30rpx 30rpx;
	box-sizing: border-box;
	font-size: 32rpx;
	color: #333;
	font-weight: bold;
}

.tui-top {
	margin-top: 40rpx;
}

.tui-flex-box {
	width: 100%;
	padding: 0 50rpx;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

.tui-btn-box {
	width: 100%;
	padding: 0 30rpx;
	box-sizing: border-box;
}
